﻿<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- <link rel="stylesheet" href="css/Universal.css"> -->
	<title>demo</title>
</head>
<style>
@media (min-width:640px){html{font-size:100px;}}
@media (min-width:631px) and (max-width:639px){html{font-size:98.58px;}}
@media (min-width:622px) and (max-width:630px){html{font-size:97.21px;}}
@media (min-width:613px) and (max-width:621px){html{font-size:95.83px;}}
@media (min-width:604px) and (max-width:612px){html{font-size:94.42px;}}
@media (min-width:595px) and (max-width:603px){html{font-size:93.04px;}}
@media (min-width:586px) and (max-width:594px){html{font-size:91.67px;}}
@media (min-width:577px) and (max-width:585px){html{font-size:90.25px;}}
@media (min-width:568px) and (max-width:576px){html{font-size:88.88px;}}
@media (min-width:559px) and (max-width:567px){html{font-size:87.5px;}}
@media (min-width:550px) and (max-width:558px){html{font-size:86.08px;}}
@media (min-width:541px) and (max-width:549px){html{font-size:84.71px;}}
@media (min-width:533px) and (max-width:540px){html{font-size:83.33px;}}
@media (min-width:524px) and (max-width:532px){html{font-size:81.92px;}}
@media (min-width:515px) and (max-width:523px){html{font-size:80.54px;}}
@media (min-width:506px) and (max-width:514px){html{font-size:79.17px;}}
@media (min-width:497px) and (max-width:505px){html{font-size:77.75px;}}
@media (min-width:488px) and (max-width:496px){html{font-size:76.38px;}}
@media (min-width:480px) and (max-width:487px){html{font-size:75px;}}
@media (min-width:471px) and (max-width:479px){html{font-size:73.58px;}}
@media (min-width:462px) and (max-width:470px){html{font-size:72.21px;}}
@media (min-width:453px) and (max-width:461px){html{font-size:70.83px;}}
@media (min-width:444px) and (max-width:452px){html{font-size:71.33px;}}
@media (min-width:435px) and (max-width:443px){html{font-size:68.04px;}}
@media (min-width:426px) and (max-width:434px){html{font-size:66.67px;}}
@media (min-width:417px) and (max-width:425px){html{font-size:65.25px;}}
@media (min-width:408px) and (max-width:416px){html{font-size:63.88px;}}
@media (min-width:400px) and (max-width:407px){html{font-size:62.5px;}}
@media (min-width:391px) and (max-width:399px){html{font-size:61.08px;}}
@media (min-width:382px) and (max-width:390px){html{font-size:59.71px;}}
@media (min-width:374px) and (max-width:381px){html{font-size:58.33px;}}
@media (min-width:365px) and (max-width:373px){html{font-size:56.92px;}}
@media (min-width:356px) and (max-width:364px){html{font-size:55.54px;}}
@media (min-width:347px) and (max-width:355px){html{font-size:54.17px;}}
@media (min-width:338px) and (max-width:346px){html{font-size:52.75px;}}
@media (min-width:329px) and (max-width:337px){html{font-size:51.83px;}}
@media (max-width:328px){.wrap{transform: scale(0.49) translate(-3.4rem,-4.2rem);}}

body{
	margin: 0;
	padding: 0;
	font-size: 0.2rem;
}
.wrap{
    width: 6.48rem;
}
p{
	margin: 0;
	font-size: 0.1334rem;
    font-family: '微软雅黑';
}
	.HeadPortrait{
	    width: 100%;
	    background: #5c2a08;
	    text-align: center;
	}
	.HeadPortrait img{
	    border-radius: 50%;
	    width: 1.55rem;
	}
	.content{
		padding: 0.2rem 0.125rem;
	}
	.content>div{
		display: inline-block;
		vertical-align: top;
	}
	.Hline1{
	    border-bottom: 1px solid black;
	    width: 3.91738035rem;
	    padding-bottom: .1rem;
		margin-top: .1rem;
	}
	.Hline1 p{
		font-size: 0.1867rem;
	    color: #5c2a08;
	    font-family: '微软雅黑';
	}
	.Hline2{
		margin-top: .1rem;
	}
	.Hline2 p{
		font-size: 0.2401rem;
		color:#5c2a08;
	}
	.xm{
	    border-bottom: 1px solid black;
	    padding-bottom: .1rem;
	    width: 1.7138539rem;
	}
	.xm p{
		font-size: 0.2668rem;
		color: #5c2a08;
	}
	.content>div:nth-of-type(1){
		width: 4.16221662rem;
	}
	.content>div:nth-of-type(2){
	    width: 1.9rem;
	}
	.indent1{
	    padding-left: .2rem;
	}
	.qzcon p{
		display: inline-block;
		width: 1.95rem;
	}
	.jycon p{
		line-height: .25rem;
	}
	.jycon{
		margin-top: .1rem;
	}
	.Article1{
	    width: 3.7rem;
	    margin-top: 0.1rem;
	}
	.lxcon p{
		margin: .1rem 0;
		color: #5c2a08;
		font-size: .1601rem;
		display: inline-block;
	}
	.lxcon p:nth-of-type(4){

	}
	.circular1{
	    border-radius: 50%;
	    width: .2rem;
	    height: .2rem;
	    background: #5c2a08;
	    display: inline-block;
	    transform: translateY(0.04rem);
	}
	.jbxxcon p{
		font-size: 0.1601rem;
		color: #a0a0a0;
	    margin: .05rem 0;
	}
</style>
<body>
	<div class="wrap">
		<div class="HeadPortrait">
			<img src="http://ww1.sinaimg.cn/large/0060lm7Tly1flgo65xtdfj305k05k748.jpg" alt="">
		</div>
		<div class="content">
			<div>
				<div class="qzyx Hline1">
					<p><b>求职意向</b></p>
				</div>
				<div class="qzcon indent1">
					<p>期望薪水：<span>6K-8K</span></p>
					<p>期望职位：<span>IT 工程师</span></p>
					<p>工作地点：<span>肛周大东南发哦点点</span></p>
					<p>期望类型：<span>全职 兼职 实习</span></p>
				</div>
				<div class="Hline1">
					<p><b>教育背景</b></p>
				</div>
				<div class="jycon indent1">
					<p>学校：<span>某某学校</span></p>
					<p>专业：<span>艺术</span></p>
					<p>在校时间：<span>2000-2000</span></p>
				</div>
				<div class="Hline1">
					<p><b>在校经历</b></p>
				</div>
				<div class="Article1 indent1">
					<p>按下ctrl+k调出首选项，选择单位与标尺，在里面把文字单位由点改为像素就行了。不过要注意的是，点是很多软件里面文字的默认单位。像素是虚拟单位，如果以它做基本单位在输出的时候可能会出问题</p>
				</div>
				<div class="Hline1">
					<p><b>工作经历</b></p>
				</div>
				<div class="Article1 indent1">
					<p>按下ctrl+k调出首选项，选择单位与标尺，在里面把文字单位由点改为像素就行了。不过要注意的是，点是很多软件里面文字的默认单位。像素是虚拟单位，如果以它做基本单位在输出的时候可能会出问题</p>
				</div>
				<div class="Hline1">
					<p><b>个人介绍</b></p>
				</div>
				<div class="Article1 indent1">
					<p>按下ctrl+k调出首选项，选择单位与标尺，在里面把文字单位由点改为像素就行了。不过要注意的是，点是很多软件里面文字的默认单位。像素是虚拟单位，如果以它做基本单位在输出的时候可能会出问题</p>
				</div>
			</div>
			<div>
				<div class="xm">
					<p><b>姓名：<span>张三</span></b></p>
				</div>
				<div class="Hline2">
					<p>联系我</p>
				</div>
				<div class="lxcon">
					<div>
						<span class="circular1"></span>
						<p><b>手机：<span>123123</span></b></p>
					</div>
					<div>
						<span class="circular1"></span>
						<p><b>微信：<span>123123</span></b></p>
					</div>

					<div>
						<span class="circular1"></span>
						<p><b>QQ：<span>123123</span></b></p>
					</div>

					<div>
						<span class="circular1"></span>
						<p><b>邮箱：</b></p>
						<p class="change1"><b><span>121233123@qq.com</span></b></p>
					</div>
				</div>
				<div class="Hline2">
					<p>基本信息</p>
				</div>
				<div class="jbxxcon">
					<p>性别：<span>女</span></p>
					<p>所在地：<span>广东省广州市</span></p>
					<p>婚姻：<span>未婚</span></p>
					<p>政治：<span>党员</span></p>
					<p>民族：<span>随机</span></p>
					<p>籍贯：<span>广东</span></p>
					<p>出生年月：<span>2222.02.22</span></p>
					<p>身高：<span>165cm</span></p>
					<p>体重：<span>100g</span></p>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
</html>